/* Restaurant Control Program >> Restaurant Manager */


@CHARSET "ISO-8859-1";

body{
	background-image: url('../img/b1.jpg');   /* This is right */
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	letter-spacing: 3px;
	font-size: 1em;
}

a {text-decoration:none;}
a:link {color:#FFF;} 
a:visited {color:#FFF;}
a:hover {font-size: 128%; font-weight: bold;}

a.banner {text-decoration:none;}
a.banner:link {color:#000;} 
a.banner:visited {color:#000;}
a.banner:hover {font-size: 110%;}

div{
	padding: 5px;
	margin: 0px;
	width: 100%;
	height: 100%;
	border-color: black; 
	border-style: solid; 
	border-width: 2px; 
	overflow: hidden;
}

.masterDiv{
	position: fixed;
	width: 100%;
	max-height: 94%;		/* Universal height*/
	top: 10px;
	bottom: 10px;
}

.container{
	position: absolute;
  	vertical-align: middle;
  	max-height: 96%;
  	margin: 10px 5px 10px 5px;
  	padding: 5px 5px 5px 5px;
	width: 100%;
	float: left;
	border-style: none;
}

.header {
	vertical-align: top;
	height: 10%;
	max-width: 78%;
}

.footer {
	font-size: 110%;
	text-align: right;
	position: relative;
	bottom: 10px;
	height: 6%;
	float: left;
	max-width: 78%;
	min-width: auto;
}

.brig{
	display: inline;
	position: relative;
	margin-top: 5px;
	max-height: 75%;
	max-width: 78%;
	min-width: 78%;
	float: left;
	bottom: 10px;
}

iframe{
	position: relative;
	width: 99%;
	height: 68%;
	/*max-height: 68%;*/	/* 	68% On google chrome = 96% on firefox	*/
	margin: 2px 2px 2px 2px;
}

.sidebar {
	display: inline;
	position: absolute;
	max-height: 73%;
	min-height: 60%;
	max-width: 18%;
	min-width: auto;
	text-align: center;
	font-size: 200%;
	padding-left: 20px;
	/*margin: 0px 10px 0px 10px;*/
	color: black;
	float: right;
	border-style: solid;
	right: 10px;
	overflow: visible;
}

.grid{
	position: relative;
	height: 90%;
	border-color: black; 
	border-style: none; 
	border-width: 2px; 
	margin-left:auto;
	margin-right:auto;
	width: 100%;
}

img.bg {
	min-height: 100%;
	min-width: 1024px;

	width: 100%;
	height: auto;

	position: fixed;
	top: 0;
	left: 0;
}

